<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8"/>
    <title th:text="'导航'">Title</title>
</head>
<body>

<div th:fragment="nav" class="menuBar">
    <a href="/" th:classappend="${main==0}?'active'" class="menu">社区首页</a>
    <a th:if="${session.user}" href="/infocenter" th:classappend="${main==1}?'active'" class="menu">我的关注</a>
    <!--/*@thymesVar id="user" type="com.leilei.MyObject.User"*/-->
    <a th:if="${session.user}" th:classappend="${role==4 and main==2}?'active'" th:href="@{/user}" href="/user" class="menu">我的主页</a>
    <a th:if="${session.user}"  href="#" class="menu" id="openEdit">编写文章</a>
    <a th:if="${session.user}"  href="#" class="menu" id="myFriends">好友</a>
    <div class="search" th:if="${main==0 or main==1 or main==2}" >
        <input class="ipt" type="text"/>
        <input class="btn" type="button" value="搜索" />
    </div>
    <div class="login">
        <a th:if="not ${session.user}" class="loginButton" href="#">登陆/注册</a>
        <a th:if="${session.user}" class="logoutButton" href="#">退出登录</a>
        <a th:if="${session.user}" class="cpdButton" href="/toChangePwd">修改密码</a>
    </div>
</div>

<!--登录模块-->
<div th:fragment="login" class="register Center ">
    <span class="closeRegister">&times;</span>
    <div class="RLTile move">
        <div class="loginTitle">登录</div>
    </div>
    <div class="loginContent">
        <input class="registerAndLoginInput" type="text" name="name" placeholder="登陆名"/>
        <div class="loginMsg"></div>
        <input class="registerAndLoginInput" type="password" name="passWord" placeholder="登陆密码"/>
        <div class="loginMsg"></div>
        <input class="registerAndLoginInput hidden" type="password" name="SPassWord"  placeholder="确认密码"/>
        <div class="loginMsg"></div>
        <input class="registerAndLoginInput hidden" type="text" name="CheckCode" placeholder="验证码"/>
        <div class="loginMsg"></div>
        <img class="hidden" id="CheckCode"  src="" alt=""/>
        <div class="SuccessMsg"></div>
    </div>
    <div>
        <button class="RLButton" type="button">登录</button>
        <a id="RLLink" href="#">注册</a>
    </div>
</div>
<!--编辑模块-->
<div th:fragment="UEditor" class="EditArticle ">
    <div class="move">
        <p class="EditTitle">编辑文章</p>
        <span class="closeEditArea">&times;</span>
    </div>
    <div class="EditArea">
        <script id="editor" type="text/plain" style="width:100%;height:420px;"></script>
    </div>
    <!--<textarea class="EditArea"></textarea>-->
    <!--<div class="imgArea">-->
    <!--<div class="imgDiv">-->
    <!--<input type="file" multiple="multiple" class="inputImg"/>-->
    <!--<div class="fileChooseBackground">+</div>-->
    <!--</div>-->
    <!--</div>-->
    <div>
        <select class="ArticleSelect">
            <option value="0">所有人可见</option>
            <option value="1">对黑名单不可见</option>
            <option value="2">关注你的人可见</option>
            <option value="3">好友可见</option>
            <option value="4">仅自己可见</option>
        </select>
        <span>置顶</span>
        <input type="checkbox" class="TopCheckBox" />
        <button type="button" class="EditButton" >确认提交</button>
    </div>
</div>

<div th:fragment="Friends">
    <div class="friendsBar">
        <a href="user">
            <img class="MyPhoto" src="" alt="这是头像"/>
        </a>
        <div class="title">Title</div>
    </div>
    <!--//好友模型-->
    <div  class="friend" id="fd1"><img   src="" alt=""/> <a   href="#" class="nameList">friend1</a></div>

    <div class="talkPanel ">
        <div class="talkTitle move"><span class="friendName">Friend</span>  <span class="closeTalkPanel">&times;</span></div>
        <div class="talkContent"></div>
        <input type="text" class="sendMsg"/>
        <input type="button" class="sendButton" value="发送"/>
    </div>
</div>
</body>
</html>